<template>
  <div ww3 auto>
    <div class="feed-btn" flex>
        <span>提交提现申请</span>
    </div>

    <el-card class="box-card">
      <div class="sale-table" fz-14 auto="">
        <div class="user-message">
          <span>用户名：白羊传媒</span>
          <span>UID：232323</span>
          <span>可提现额：734元</span>
          <span style="color: #409eff; cursor: pointer;">企业提现需提供发票</span>
        </div>
        <div class="apply-content">
          <div class="apply-tip">
            <p><i class="point-icon"></i><span>主体为企业的供稿人体现时需提供发票，发票金额需与体现金额一致，否则可能导致提现失败</span></p>
            <p><i class="point-icon"></i><span>发票上销售方信息需求与本账号在bzuo师网验证的主体一致，否则可能导致提现失败</span></p>
          </div>
          <ul>
            <li>
              <label>提现金额：</label>
              <el-input></el-input>
              <span>实际提现金额<span style="color: red;">0</span>元</span>
            </li>
            <li>
              <label style="vertical-align: top; margin-top: 2px;">开票信息：</label>
              <div>
                <p style="color: #74a1c1;">请逐条确认开票信息，错误的发票将导致提现失败</p>
                <p>开票金额：需与实际提现金额一致</p>
                <p>发票抬头：成都科技有限公司</p>
                <p>服务名称：设计服务*专业设计服务 或 现代服务*信息技术服务费</p>
                <p>税号：23514534513451345</p>
                <p>单位地址：安徽省合肥市高新区望江西路22号</p>
                <p>电话号码：14141431413535</p>
                <p>开户银行：中国民生银行安徽分行</p>
                <p>银行账户：34634614361346</p>
              </div>
            </li>
            <li>
              <label style="vertical-align: top;">发票类型：</label>
              <div>
                <ul>
                  <li>
                    <el-radio v-model="radio" label="1">电子发票</el-radio>
                    <el-radio v-model="radio" label="2">纸质发票</el-radio>
                  </li>
                  <li v-if="radio == 1">
                    <p style="margin: 10px 0; color: #74a1c1;">格式要求：PDF格式，大小不超过10M</p>
                    <el-upload
                      class="upload-demo"
                      :action="uploadUrl"
                      multiple
                      :limit="10"
                      :file-list="fileList">
                      <el-button style="padding:6px 16px;" type="primary">点击上传</el-button>
                    </el-upload>
                  </li>
                  <li v-if="radio == 2">
                    <p style="margin: 10px 0; color: #74a1c1;">请将发票按照以下地址寄出，快件中附上您的用户ID，不接受到付快件</p>
                    <p>收货人：成都电子科技有限公司</p>
                    <p>寄送地址：中国（四川）自由贸易实现区创新大道22号</p>
                    <p>电话号码：14134135135315</p>
                  </li>
                </ul>
              </div>
            </li>
            <li>

            </li>
            <li style="text-align: center;">
              <el-button type="primary">提 交</el-button>
            </li>
          </ul>
        </div>
      </div>
      
    </el-card>

  </div>
</template>

<script>
import $http from "@/api/info/info"
export default {
  name: "OrderInvoice",
  data() {
    return {
      uploadUrl: this.$url.uploadUrl,
      radio: "1",
      fileList: [],
    };
  },
  methods: {
  },
};
</script>

<style scoped>
.sale-table {
  width: 90%;
  color: #444;
  
}
.box-card {
  margin: 2% auto;
}
.user-message span {
  display: inline-block;
  margin-right: 20px;
}

.apply-tip {
  text-indent: 15%;
  margin: 30px 0 50px 0;
  line-height: 30px;
}
.apply-content >>> .el-input,
.apply-content >>> .el-input_inner {
  width: 250px;
}
.apply-content>ul>li {
  margin: 30px 0;
  margin-left: 10%;
}
.apply-content>ul>li>div {
  display: inline-block;
  width: 60%;
}
.apply-content li label {
  display: inline-block;
  margin-right: 20px;
  color: #888;
}
.apply-content li div p {
  line-height: 26px;
  /* text-indent: 10px; */
}
</style>
